<template>
  <VDesign 
    :assignee-options="testAssigneeOptions"
    :candidate-user-options="testCandidateUserOptions"
    :candidate-group-options="testCandidateGroupOptions"
    @save="handleSaveXML" />
</template>

<script lang="ts" setup>
import { ref } from 'vue';

// 测试用的审批人选项数据
const testAssigneeOptions = ref([
  { label: '测试用户1', value: 'testUser1' },
  { label: '测试用户2', value: 'testUser2' },
  { label: '测试用户3', value: 'testUser3' }
]);

// 测试用的候选用户选项数据
const testCandidateUserOptions = ref([
  { label: '候选用户A', value: 'candidateA' },
  { label: '候选用户B', value: 'candidateB' },
  { label: '候选用户C', value: 'candidateC' }
]);

// 测试用的候选组选项数据
const testCandidateGroupOptions = ref([
  { label: '测试组1', value: 'testGroup1' },
  { label: '测试组2', value: 'testGroup2' },
  { label: '测试组3', value: 'testGroup3' }
]);

// 处理保存XML事件
const handleSaveXML = (xml: string) => {
  console.log('保存的XML内容:', xml);
  // 在这里可以处理保存的XML，例如发送到后端
};
</script>